iT邦幫忙

2025 iThome 鐵人賽

DAY 19
0
Modern Web

從0到有做出一個商家網頁系列 第 19

Day19:學習新的CSS語法和HTML語法

  • 分享至 

  • xImage
  •  

今天要學習新的CSS語法和HTML語法

CSS語法

1.display:~;:在值輸入block、inline等盒子屬性

2.color:~;:設定文字的顏色(前景色),在值輸入色碼或色彩名稱

3.font-weight:~;:在值輸入數值或bold(變成粗體)等關鍵字

認識組成網頁的各種元件

1.頁首:
頁首就是網頁的開頭區域,要以<header>標籤標記,通常會放在網頁上方,包含LOGO及導覽列,製作多頁的網站時,通常會讓所有的網頁共用頁首,可維持一致性,也方便透過頁首切換到其他網頁

2.導覽頁:
導覽列是以<nav>標籤標記,通常會將好幾個連結製成一組選單

3.主要區域
主要區域會以<main>標籤標記,這是用來放網頁主要資料的區域,通常貼文區域的標籤會放置在此區中

4.貼文區域
貼文是以<article>標籤來標記,網頁中所有的文章都可以歸類在貼文區域中

5.側邊欄
將網頁分成左右兩欄,並將導覽列或廣告等補充資料放在側邊欄,側邊欄就是以<aside>標籤來標記

6.頁尾
頁尾就是網頁最下面的區域,是以<footer>標籤來標記,通常會將網站的著作權宣告(copyright)及聯絡方式等資料放在這個區域

導覽列的名稱會依用途而異

1.全域導覽列
讓網站中所以網頁共用的導覽列,點選之後即可跳至此網站中的主要網頁

2.區域導覽列
用來整合同類網頁的導覽選單

3.麵包屑導覽列
此導覽列會列出使用者目前瀏覽的完整路徑,包括從頁首到當前頁面的路徑,適用於架構較複雜的電子商務網站

今天先到這邊明天再繼續!


上一篇
Day18:CSS語法學習
下一篇
Day20:學習呈現文件結構的HTML標籤
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言